@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

ul li {
	list-style: none;
}

h2,h3,h4,h5 {
	font-size: 16px;
}

body {
	background-image: url(../image/background.png);
}

#maincontainer {
	width: 960px;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
}

#header {
	width: 100%;
	height: 85px;
	overflow: hidden;
	margin-bottom: 20px;
}

#header-left {
	width: 530px;
	height: 75px;
	padding: 5px 10px 5px 5px;
	float: left;
}

#logo img {
	width: 200px;
	height: 75px;
}

#logo {
	background-image: url(../image/Logo.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 75px;
	float: left;
	text-indent: -99999px;
}

#header-right {
	width: 400px;
	height: 75px;
	padding: 5px 0px 5px 5px;
	float: right;
	clear: right;
}

.dkdn {
	width: 100%;
	height: 30px;
	margin-top: 3px;
	margin-bottom: 10px;
	float: left;
	text-align: right;
}

.timkiem {
	width: 100%;
	height: 30px;
	margin-bottom: 2px;
	clear: left;
	text-align: right;
	display: block;
	position: relative;
}

input {
	outline: none;
}

input[type=timkiem] {
	border: solid 1px #ccc;
	width: 150px;
	height: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	padding-left: 10px;
	padding-right: 50px;
}

input[type=timkiem]:focus {
	width: 300px;
	background-color: #fff;
	border-color: #6dcff6;
	-webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	-moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	box-shadow: 0 0 5px rgba(109, 207, 246, .5);
}

.bttimkiem {
	height: 30px;
	width: 30px;
	background-image: url(../image/timkiem.png);
	color: #010;
	position: absolute;
	left: 368px;
	border: none;
	border-radius: 5px;
	opacity: .5;
}
/*
.timkiem{
	width: 400px;
	height: 30px;
	margin-bottom: 2px;
	clear: left;
	display: block;
	border:#888 1px solid;
	background-color:#FFF;
}
.timkiem:focus{
	box-shadow: 0 0 5px rgba(109,207,246,.5);
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
}
input[type=timkiem]{
	width:350px;
	height:30px;
	float:left;
	border:none;	
}
.bttimkiem {
	height: 30px;
	width:32px;
	background-image:url(../image/timkiem.png);
	background-repeat:no-repeat;
	float:right;
	border:none;
	border-left:#444 1px solid;
	cursor:pointer;
}
*/
.dkdn-bt {
	background-color: #007dc1;
	border-radius: 6px;
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	padding: 6px 24px;
	font-weight: bold;
	cursor: pointer;
}

.dkdn-bt:hover {
	background: linear-gradient(to bottom, #33FFCC 5%, #00CC99 100%);
	color: #C30;
}

#formdk {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	border: #F00 1px solid;
}

.ipdkdn {
	width: 225px;
	height: 30px;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.6);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	background-color: #fff;
	border: 3px solid #fff;
	display: inline-block;
	left: 50%;
	opacity: 0;
	padding: 15px;
	position: fixed;
	text-align: justify;
	top: 40%;
	visibility: hidden;
	z-index: 10;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}

.overlay:target+.popup {
	top: 50%;
	opacity: 1;
	visibility: visible;
}

#menubar {
	width: 960px;
	height: 50px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#maincontent {
	width: 100%;
	height: auto;
	margin-top: 5px;
	min-height: 800px;
}

#contentleft {
	width: 700px;
	background-image: url(../image/containleft.png);
	min-height: 800px;
	border: 1px;
	float: left;
	clear: right;
	box-shadow: 20px 2px 16px -10px rgba(153, 184, 181, 1);
}

#contentright {
	width: 255px;
	min-height: 800px;
	float: right;
	border: 1px 1px 1px 0px;
	box-shadow: 6px 2px 16px -10px rgba(153, 184, 181, 1);
	position: relative;
}

#tukhoahot {
	width: 960px;
	min-height: 100px;
	margin: auto;
	clear: both;
	background: #999;
}

.tukhoahot {
	padding: 10px;
	color: #EEE;
}

.tukhoahot a {
	color: #FFF;
}

.tukhoahot a:hover {
	color: #F00;
}

#footer {
	width: 920px;
	min-height: 250px;
	padding: 30px 20px 20px 20px;
	background-image: url(../image/footer.png);
	clear: both;
}

#footer .footer-left {
	width: 560px;
	height: auto;
	float: left;
	line-height: 24px;
}

.footer-left a {
	color: #666;
}

.footer-left a:hover {
	color: #006;
}

#footer .footer-right {
	width: 350px;
	height: auto;
	float: right;
}

.footer-right a {
	color: #00F;
}

.footer-right a:hover {
	color: #666;
}
/* header */

/* menubar */
#nav,#nav ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#nav {
	width: 950px;
	height: 50px;
	background: linear-gradient(to bottom, #0D3B39 0%, #42878C 100%);
	background: -moz-linear-gradient(to bottom, #0D3B39 0%, #42878C 100%);
	background: -o-linear-gradient(to bottom, #0D3B39 0%, #42878C 100%);
	background: -ms-linear-gradient(to bottom, #0D3B39 0%, #42878C 100%);
	background: -webkit-linear-gradient(top, #0D3B39 0%, #42878C 100%);
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #800080;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	clear: both;
	position: relative;
}

#nav ul {
	background-color: #222;
	border: 1px solid #222;
	border-radius: 0 5px 5px 5px;
	border-width: 0 1px 1px;
	box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.5);
	left: -9999px;
	overflow: hidden;
	position: absolute;
	top: -9999px;
	z-index: 2;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

#nav li {
	background: url(menu_line.png) no-repeat scroll right 5px transparent;
	float: left;
	position: relative;
}

#nav li a {
	color: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	height: 30px;
	padding: 23px 28px 0;
	position: relative;
	transition: 1s;
	text-shadow: 0px 1px 1px #444444;
}

#nav li:hover>a {
	color: #CC3300;
}

#nav li:hover {
	background: none repeat scroll 0 0 #BBB;
	outline: 0 none;
}

#nav li:hover ul.ulul {
	left: 0;
	top: 53px;
	width: 200px;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	transform: height:1px;	
}

#nav ul li {
	background: none;
	width: 100%;
	-moz-transition: all 1s;
	transition: 1s;
}

#nav ul li a {
	float: none;
}

#nav ul li:hover>a {
	background-color: #36C;
	color: #E00;
	font-weight: bold;
	padding-left: 60px;
}

#thanh {
	background: url('thanh.png') no-repeat scroll 0 0 transparent;
	height: 16px;
	left: 30px;
	position: absolute;
	top: 0px;
	width: 64px;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

#thanh:hover {
	-moz-transition-duration: 3000s;
	-ms-transition-duration: 3000s;
	-o-transition-duration: 3000s;
	-webkit-transition-duration: 3000s;
	transition-duration: 3000s;
}

#nav li:nth-of-type(1):hover ~ #thanh {
	left: 30px;
}
#nav li:nth-of-type(2):hover ~ #thanh {
	left: 160px;
}
#nav li:nth-of-type(3):hover ~ #thanh {
	left: 280px;
}
#nav li:nth-of-type(4):hover ~ #thanh {
	left: 400px;
}
#nav li:nth-of-type(5):hover ~ #thanh {
	left: 525px;
}
#nav li:nth-of-type(6):hover ~ #thanh {
	left: 655px;
}
#nav li:nth-of-type(7):hover ~ #thanh {
	left: 770px;
}
#nav li:nth-of-type(8):hover ~ #thanh {
	left: 870px;
}
/* content left */

/* */
.title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-image: url(../image/background.png);
	clear: both;
	border-bottom: #03F 1px inset;
}

.title a {
	padding-left: 20px;
	background-color: #0094CA;
	color: #FFF;
	position: absolute;
	padding-right: 20px;
}

.title a:hover {
	background-color: #FF9F00;
}
/* id tin tức */
.idtt {
	background: -moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background: -webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background: -o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background: -ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	padding: 5px 5px;
	text-decoration: none;
}

.idtt:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99
		), color-stop(1, #599bb3) );
	background: -moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background: -webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
}
/* maincontent right*/
.title-right {
	width: 100%;
	height: 30px;
	background: #FFF;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
	clear: left;
}

.title-right a {
	width: 100%;
	height: 30px;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	display: block;
}

.title-right a:hover {
	color: #FFF;
	box-shadow: -1px -1px 3px 0px rgba(0, 0, 0, 0.75);
}

.title-right:hover {
	background: #09C;
	color: #FFF;
	box-shadow: -1px -1px 3px 0px rgba(0, 0, 0, 0.75);
}

#quangcao1 {
	width: 100%;
	clear: left;
	min-height: 400px;
}

#quangcao1 img {
	width: 200px;
	height: 250px;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

#quangcao1 p {
	text-align: center;
}

#quangcao1 img:hover {
	width: 240px;
	height: 300px;
	-moz-transform: scale(1.0) rotate(0deg);
	-webkit-transform: scale(1.0) rotate(0deg);
	position: relative;
}

#baidangdocnhieu {
	width: 255px;
	height: 400px;;
}

#bddn-ct {
	height: 400px;
	overflow: auto;
	margin-top: 5px;
}

#bddn1 {
	padding-bottom: 5px;
	border-bottom: #A0A0A4 1px solid;
}

#bddn {
	width: 240px;
	height: 50px;
	margin-top: 15px;
	margin-bottom: 10px;
	clear: left;
}

#bddn a {
	color: #009;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}

#bddn a:hover {
	color: #E00;
	font-size: 14px;
}

.bddn-img {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
}

.bddn-img img {
	width: 40px;
	height: 40px;
}

.bddn-ct {
	width: 190px;
	float: right;
}
/* sự kiện công nghệ */
#sukiencongnghe {
	width: 255px;
	height: auto;
	margin-top: 50px;
}

#skcn {
	width: 255px;
	height: 80px;
}

#skcn a {
	color: #000;
}

#skcn a:hover {
	color: #F60;
}

#date-time {
	width: 70px;
	height: 60px;
	padding: 10px 5px 10px 5px;
	float: left;
	font-size: 12px;
	color: #EEE;
}

.skcn-date {
	float: left;
	width: 66px;
	height: 30px;
	background: #39F;
	display: block;
	line-height: 30px;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}

.skcn-time {
	clear: left;
	width: 66px;
	height: 30px;
	background: #69F;
	display: block;
	line-height: 30px;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
}

#point {
	padding: 10px 10px 10px 5px;
	width: 160px;
	height: 60px;
	float: right;
}

#quangcao2 {
	width: 100%;
	height: auto;
	margin-top: 15px;
}

.required {
	color: red;
}